<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:p="http://primefaces.org/ui">
<h:head>

   <title>GPROTAS</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   <meta name="description" content=""/>
   <meta name="author" content=""/>
   <link rel="shortcut icon" href="../resources/img/maps-icon.jpg"/>
  <link href="../resources/css/bootstrap.css" rel="stylesheet"/>

    <!-- Custom styles for this template -->
    <link href="../resources/css/jumbotron.css" rel="stylesheet"/>
 <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</h:head>
<h:body>
	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">GPROTAS</a>
        </div>
        <div class="navbar-collapse collapse">
          <h:form class="navbar-form navbar-right" role="form">
            <div class="form-group">
            	<p:inputText id="usuario" styleClass="form-control" label="Email/Usuário"/>
            	<p:watermark for="usuario" value="Email/Usuário" />  
            </div>
            <div class="form-group">
              <p:password id="password"  styleClass="form-control" label="Senha" /> 
               <p:watermark for="password" value="Senha" /> 
            </div>
			<p:spacer width="5px"/>          
            <p:commandLink styleClass="btn btn-success" value="Entrar"/>
           </h:form>
        </div><!--/.navbar-collapse -->
      </div>
    </div>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container" >
        <h1>Rastree seu veículo!</h1>
        <p>Programe rotas, saiba onde está seu veículo 24 horas por dia com o sistema GPROTAS</p>
        <p><a class="btn btn-primary btn-lg" role="button">Assine já! &raquo;</a></p>
      </div>
    </div>

    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2><img src="../resources/img/sis.jpg" height="117" width="114"/> O Sistema</h2>
          <p>O GPROTAS é um sistema de rastreamento de autogerenciamento com tecnologia de dispositivos GPRS instalados com segurança em 		qualquer tipo de veículo, com ele, é possível localizar seu veiculo 24 horas por dia, programar rotas com aviso de desvio, alerta SOS, 		histórico de percurso e muito mais.</p>
          <p><a class="btn btn-default" href="#" role="button">Mais detalhes &raquo;</a></p>
        </div>
        <div class="col-md-4">
          <h2> <img src="../resources/img/plan.png"  height="117" width="114"/>Planos </h2>
          <p>A GPROTAS possui varios planos com uma gama de funcionalidades quem atende as necessidades de varios tipos de clientes</p>
          <p><a class="btn btn-default" href="#" role="button">Ver Planos &raquo;</a></p>
       </div>
        <div class="col-md-4">
          <h2><img src="../resources/img/icon_quemsomos.png"  height="117" width="114"/>Quem somos</h2>
          <p>A GPROTAS é uma empresa especializada no rastreamento de veículos automotores a partir da utilização de equipamentos de última geração e equipe especializada, a qual proporciona soluções de rastreamento de qualidade, usabilidade e conforto,
	  		 com profissionais treinados e capacitados e uma política voltada para a qualidade e satisfação de seus clientes.
          <a class="btn btn-default" href="#" role="button">Saiba mais&raquo;</a></p>
        </div>
      </div>
      <br/>
      <br/>
      <br/>
      <br/>
      <footer>
        <p>&copy; GPROTAS 2014</p>
      </footer>
    </div> <!-- /container -->



<hr/>

</h:body>
</html>
